{extend name="public/base" /}
{block name="style"}
<link rel="stylesheet" href="__INDEX__/css/swiper-5.4.5.min.css">
<link rel="stylesheet" href="__INDEX__/css/index.css">
<link rel="stylesheet" href="__INDEX__/css/products.css">
<title>小程序软件定制开发-山东app开发公司-山东艾思软件科技有限公司</title>
{/block}
{block name="content"}
<!-- 作品案例 -->
<div class="warp">
    <div class="products-img">
        <img src="__INDEX__/images/producthead.png" alt="" style="max-width: 100%;">
    </div>
    <div class="workcase">
        <div class="workcase-nav">
            <div class="location">
                当前位置：
                <a href="/">首页</a> > 
                <a href="/index/Products/index">作品案例</a> 
            </div>
            <div class="workcase-cate">
                <ul>
                    {foreach name="cateList" item="cate"}
                        <li>
                            <a href="/index/Products/index?id={$cate.id}">
                                {$cate['title']}
                            </a>
                        </li>
                    {/foreach}
                </ul>
            </div>
        </div>
        <div class="workcase-list" style="min-height: 600px;">
            <ul>
                {foreach name="productsList" item="product"}
                    <li class="workcase-list-img">
                        <a href="/index/Products/detail?id={$product.id}">
                            <img src="{$product.img_url}" alt="{$product['title']}">
                            <div class="product-title"><div>{$product['title']}</div></div>
                        </a>
                    </li>
                {/foreach}
            </ul>
        </div>
    </div>
</div>
<div class="clear"></div>
{/block}